<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
  <%@include file="/view/common.jsp"%>
  <script src="<%=basePath%>/resource/echarts/js/echarts.js"></script>
    <base href="<%=basePath%>">   
    <title>My JSP 'zhuzhuang.jsp' starting page</title>
    <style type="text/css">
    body{
    background-color: #FFFFFF;
    }
    #column{
    width:80%;
    height:80%;
    text-align: center;
    }
    </style>
  </head>
  <body>
  <div class="page-header managelist">
	<h1>应用分类统计</h1>
	</div>
  <h3></h3>
    <div class="table-responsive categoryCount" id="column">
    	
    </div>
    <script type="text/javascript">
     require.config({
     packages: [
         {
             name: "echarts",
             location: "${base}/chusumanage/resource/echarts",
             main: "echarts"
         }
     ]
 });
    var option = {
				tooltip: {
					show: true
				},
				legend: {
					data: ['应用分类统计']
				},
				xAxis: [
				    {
				    	type: 'category',
				    	data: ["生活","时尚与购物","娱乐消遣","休闲与创意","赛车体育","效率办公"
				    	,"跑酷闯关","飞行空战","格斗快打"
				    	]
				    }
				],
				yAxis: [
				    {
				    	type: 'value'
				    }
				],
				series: [
				    {
				    	'name': "总数",
				    	'type': "bar",
				    	'data':["1993",1988,1984,1965,1728,1665,
				         1296,815,575,]
				    },
				    {
				    	"name":"总数",
				    	"type":"bar",
				    	"data":["1991","1986",1984,1691,1770,1640,1272,789,489,]
				    
				    },
				    {
				    	"name":"总数",
				    	type:"bar",
				    	"data":["1989","1983",1981,1787,1666,1558,1064,766,431]
				    }
				],
			};	
require(
     [
         "echarts",
         "echarts/chart/pie",
         "echarts/chart/bar"
     ],
     function (ec) {
         var myCharts = ec.init(document.getElementById("column"));
         myCharts.setOption(option);
     	console.log(jArray);
     }
 );
    </script>
  </body>
</html>
